<!DOCTYPE html>
<html lang="zh">
<head>
  <meta charset="UTF-8">
  <title>注册页面</title>
  <style>
    body {
    background: #eee !important;
}
  .wrapper {
    margin-top: 80px;
    margin-bottom: 80px;
}
  .form-signin {
    max-width: 380px;
    padding: 15px 35px 45px;
    margin: 0 auto;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.1);
}
  .form-signin .form-signin-heading,
  .form-signin .checkbox {
    margin-bottom: 30px;
  }
  .form-signin .checkbox {
    font-weight: normal;
  }
  .form-signin .form-control {
    position: relative;
    font-size: 16px;
    height: auto;
    padding: 10px;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .form-signin .form-control:focus {
    z-index: 2;
  }
  .form-signin input[type="text"] {
    margin-bottom: -1px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
  .form-signin input[type="password"] {
    margin-bottom: 20px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  .form-signin input[type="email"] {
    margin-bottom: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  </style>
  <!--<link rel='stylesheet' href='http://netdna.bootstrapcdn.com/bootstrap/3.0.2/css/bootstrap.min.css'>-->

      <!--<link rel="stylesheet" href="static/css/style.css">-->

</head>
<body>

<div class="wrapper">
    <form class="form-signin" method="post">
      <h2 class="form-signin-heading">注册页面</h2>
        {% if message %}
         <a href="/login/">去登陆</a> {{ message }}
        {% endif %}
        <!--登录表单 -->
      <form action="/register/" method="post">
        {% csrf_token %}
        <p>
          <label for="id_username">用户名：</label>
          <input type="text" class="form-control" name="username" placeholder="请输入用户名" required="" autofocus="" />
        </p>

        <p>
          <label for="id_password">密 * 码：</label>
          <input type="password" class="form-control" name="password" placeholder="请输入密码" required=""/>
        </p>

        <p>
          <label for="id_email">邮 * 箱：</label>
          <input type="email" class="form-control" name="email" placeholder="请输入邮箱" required=""/>
        </p>

        <button class="btn btn-lg btn-primary btn-block" type="submit">注册 提交</button>
      </form>
    </form>
</div>
</body>
</html>

<!--<!DOCTYPE html>-->
<!--<html lang="en">-->
<!--<head>-->
  <!--<meta charset="UTF-8">-->
  <!--<title>注册页</title>-->
<!--</head>-->
<!--<body>-->
<!--<h1>注册页</h1>-->
<!--&lt;!&ndash; 错误提示&ndash;&gt;-->
<!--<div style="color: darkturquoise" name="message">-->
  <!--{% if message %}-->
    <!--{{ message }}-->
  <!--{% endif%}-->
<!--</div>-->
<!--&lt;!&ndash; 注册表单 &ndash;&gt;-->
<!--<form action="/register/" method="post">-->
  <!--{% csrf_token %}-->
  <!--<label>用户名：</label>-->
  <!--<input type="text" name="username" placeholder="用户名1-20个字，中英文或-" required="required"><br>-->
    <!--<label>密码：</label>-->
  <!--<input type="password" name="password" placeholder="请输入密码"><br>-->
  <!--<label>邮箱：</label>-->
  <!--<input type="email" name="email" placeholder="请输入邮箱" required="required"><br>-->

  <!--<input type="submit" value="确认注册">-->
<!--</form>-->
<!--</body>-->
<!--</html>-->